﻿<!DOCTYPE html>
<html class="app">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=10" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en">
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>

    <!-- Button trigger modal -->
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <section class="vbox">

        <header class="bg-dark dk header navbar">
            <div class="navbar-header aside-md">
                <a class="navbar-brand" href="#">
                    <img class="m-r-sm" src="/images/logo.png" />UPMS
                </a>
            </div>
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle dker" data-toggle="dropdown">
                        <i class="fa fa-building-o"></i>
                        <span class="font-bold">Activity</span>
                    </a>
                </li>
                <li></li>
            </ul>
        </header>
        <section>
            <section class="hbox stretch">
                <aside class="bg-dark lter aside-md" id="nav">
                    <section class="vbox">
                        <header class="header bg-primary lter text-center clearfix">
                            <div class="btn-group">
                                <button type="button" class="btn btn-sm btn-dark btn-icon" title="New Org">
                                    <i class="fa fa-plus"></i>
                                </button>
                                <div class="btn-group hidden-nav-xs">
                                    <button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                                        Switch Org <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu text-left">
                                        <li><a href="#">Org1</a></li>
                                        <li><a href="#">Org1</a></li>
                                        <li><a href="#">Org1</a></li>
                                    </ul>
                                </div>
                            </div>
                        </header>
                        <section class="w-f scrollable nav">
                            <div class="slimScrollDiv">
                                <div class="slim-scroll">
                                    <nav class="nav-primary hidden-xs">
                                        <ul class="nav">
                                            <li>
                                                <a href="index">
                                                    <i class="fa fa-dashboard icon">
                                                        <b class="bg-danger"></b>
                                                    </i>
                                                    <span>Workset</span>
                                                </a>
                                            </li>
                                            <li class="active">
                                                <a href="#layout" class="active">
                                                    <i class="fa fa-dashboard icon">
                                                        <b class="bg-danger"></b>
                                                    </i>
                                                    <span class="pull-right">
                                                        <i class="fa fa-angle-down text"></i>
                                                        <i class="fa fa-angle-up text-active"></i>
                                                    </span>
                                                    <span>Workset</span>
                                                </a>
                                                <ul class="nav lt" style="display: block;">
                                                    <li>
                                                        <a href="layout-c.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Color option</span>
                                                        </a>
                                                    </li>
                                                    <li>@Html.ActionLink("Organization", "Index", "Organization")</li>
                                                    <li>@Html.ActionLink("Department", "Index", "Department")</li>
                                                    <li>@Html.ActionLink("Application", "Index", "Application")</li>
                                                    <li>@Html.ActionLink("Module", "Index", "Module")</li>
                                                    <li>@Html.ActionLink("Permission", "Index", "Permission")</li>
                                                    <li>@Html.ActionLink("Group", "Index", "Group")</li>
                                                    <li>@Html.ActionLink("Role", "Index", "Role")</li>
                                                    <li>@Html.ActionLink("Account", "Index", "Account")</li>
                                                    <li>@Html.ActionLink("User", "Index", "User")</li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="index">
                                                    <i class="fa fa-dashboard icon">
                                                        <b class="bg-danger"></b>
                                                    </i>
                                                    <span>Workset</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index">
                                                    <i class="fa fa-dashboard icon">
                                                        <b class="bg-danger"></b>
                                                    </i>
                                                    <span>Workset</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </section>
                    </section>
                </aside>
                <section id="content">
                    <section class="vbox">
                        <section class="scrollable padder">
                            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
                                <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
                                <li><a href="aaa">Workset</a></li>
                                <li class="active">Workset22</li>
                            </ul>
                            <div>@RenderBody()</div>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>



    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
    <script src="/Scripts/enscroll-0.5.6.min.js"></script>
    <script src="~/Scripts/bootbox.min.js"></script>
    <script>
        $(function () {
            $('.scrollable.nav').enscroll({
                showOnHover: true,
                verticalTrackClass: 'track3',
                verticalHandleClass: 'handle3'
            });

            $(document).on('change', 'table thead [type="checkbox"]', function (e) {

                e && e.preventDefault();
                var $table = $(e.target).closest('table'), $checked = $(e.target).is(':checked');
                $('tbody [type="checkbox"]', $table).prop('checked', $checked);
            });

            $("#btnCreateNew").on("click.createNew", function () {

                $.get("/Organization/create", function (data) {

                    $('#myModal').find(".modal-body").html(data);

                }).success(function () {
                    $('#myModal').modal('show');
                });

            });

        });

    </script>
</body>
</html>
